/*
 * Copyright © 2015 Cask Data, Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */

@import "../../styles/variables.less";
@import "../../../bower_components/bootstrap/less/mixins.less";
@import '../../styles/themes/cdap/mixins.less';

body {
  &.state-apps-detail {
    &.theme-cdap {
      .table {
        tbody {
          a:hover, a:focus {
            text-decoration: none;
          }
        }
      }

      .dag-view {
        // width: 100%;
        // display: inline-block;
        position: relative;
      }

      my-dag-plus {
        width: 100%;
        height: 300px;
      }

      .zoom-control {
        position: absolute;
        top: 15px;
      }

      td > span {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-right: 5px;
        .border-radius(25px);
        &.status-green { background-color: @brand-success; }
        &.status-grey { background-color: @cdap-gray; }
        &.status-yellow { background-color: @brand-warning; }
      }

      a.btn {
        span {
          &.icon-hydrator {
            font-size: 13px;
            position: relative;
            top: 1px;
          }
        }
        &.btn-hydrator {
          margin-right: 5px;
          .cask-btn(@background: @brand-primary, @border: 0, @border-radius: 4px, @color: white, @font-size: 13px, @padding: 6px 12px);
          .transition(all 0.2s ease-in);
          &:hover {
            background-color: darken(@brand-primary, 10%);
          }
        }
      }
    }
  }
  &.state-apps-list {
    .table {
      tbody > tr > td:last-child {
        width: 45%;
      }
    }
  }
}
